import Icon from '@ui/RJMart/icons'
import Carousel from '@ui/RJMart/carousel'
import qqWhite from '@assets/qq-white.png'
import suppIcon from '@assets/suppIcon.png'


export  default class SupplierInfoItem extends React.Component{
    render(){
        const {name,qq,suppContactMan,suppPhone}=this.props.item
        return(
            <div className={'order-result-box-item'}>
                <div className={'order-result-box-item-img'}>
                    <img src={ suppIcon} />
                </div>
                <p className={'order-result-box-item-name'} dangerouslySetInnerHTML={{__html:Filter.cutString(this.strReplace(name),15,1) }}></p>
                <p className={'order-result-box-item-username'}>联系人：{suppContactMan}</p>
                <p className={'order-result-box-item-phone'}>联系电话：{suppPhone}</p>
                <div className={'order-result-box-item-qq'}>
                    <img src={qqWhite} alt=""/>
                    <a className={'order-result-box-item-qq-p'} href={`tencent://message/?uin=${qq}&Site=%E5%9C%A8%E7%BA%BFQQ&Menu=yes`}>QQ交谈</a>
                </div>
            </div>
        )
    }

    strReplace(str){
        return str.replace('&#40;','(')
    }
}